$(function() {
  //点击下拉
  //用法：HTML 点击事件为more,父级使用overflow：hidden；限定高 more与要展开的内容为同级 要展开内容添加 drop-down的class
  function ckMove(target, ckgar, het, text, incr) {
    var inc = incr ? incr : 0
    $(target)
      .find(ckgar)
      .on('click', function() {
        var h = $(this)
          .parent()
          .find('.drop-down ul')
          .height()
        if (!$(this).hasClass('act')) {
          $(this).addClass('act')
          $(this)
            .parent()
            .find('.drop-down')
            .css({ height: h + inc + 'px' })
          $(this)
            .find('i')
            .removeClass('i-chevron-bot')
            .addClass('i-chevron-top')
        } else {
          $(this).removeClass('act')
          $(this)
            .parent()
            .find('.drop-down')
            .css({ height: het + 'px' })
          $(this)
            .find('i')
            .removeClass('i-chevron-top')
            .addClass('i-chevron-bot')
        }
      })
  }
  ckMove('.article-cont .article-left-box', '.title', 0)

  $('.learing-box .item-list').mouseover(function(e) {
    $(this)
      .css({ height: '140px' })
      .addClass('hov')
      .siblings()
      .css({ height: '50px' })
    $(this)
      .siblings()
      .removeClass('hov')
  })
  $('.learing-box .item-box').mouseout(function() {
    $(this)
      .find('.item-list:first')
      .css({ height: '140px' })
      .addClass('hov')
    $(this)
      .find('.item-list:first')
      .siblings()
      .css({ height: '50px' })
      .removeClass('hov')
  })
})
